<template>
	<view :style="{ 'background-color': '#FFFFFF', height: height + 'px'}">

		<view  class="e_empty"  :style="{'padding-top': iconMarginTop + 'px'}"  >

			<image :style="{width: $u.addUnit(iconWidth),height: $u.addUnit(iconHeight),}"
				:src="icon" mode="widthFix">
			</image>

			<text class="e_empty_text">
				{{showText}}
			</text>

			<view class="e_slot">
				<slot />
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		name: "noLogin",
		props: {
			showText: {
				type: String,
				default () {
					return '没有数据哦~'
				}
			},
			// 整体高度
			height: {
				type: [Number,String],
				default () {
					return 160
				}
			},
			// 图片高度
			iconHeight: {
				type: [Number,String],
				default () {
					return 160
				}
			},
			//图片宽度
			iconWidth: {
				type: [Number,String],
				default () {
					return 160
				}
			},
			iconMarginTop: {
				type: Number,
				default () {
					return 60
				}
			},
			icon: {
				type: String,
				default () {
					return '/static/bg/cat_qz.png'
				}
			},
		},
		data() {
			return {

			};
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>

	.e_empty {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.e_empty_text {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
		color: rgb(192, 196, 204);
		font-size: 14px;
	}
	.e_slot {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
	}
</style>
